<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			#link{
				height: 320px;
				width: 320px;
				border: 1px solid red;
			}
			#link a{
				text-decoration: none;
				height: 100px;
				width: 100px;
				background-color: pink;
				display: block;
				margin: 3px;
				float: left;
				color: white;
				line-height: 100px;
				text-align: center;
			}
			#link a:nth-child(2){
				position: relative;
				left: 103px;
				 
			}
			#link a:nth-child(3){
				position: relative;
				left: -208px;
				top:208px;
			}
			#link a:nth-child(4){
				position: relative;
				left: 207px;
				top:103px;
			}
			#link a:nth-child(5){
				background-color: blueviolet;
			}
		</style>
	</head>
	<body>
		<div id="link">
			<a href="#">链接1</a>
			<a href="#">链接2</a>
			<a href="#">链接3</a>
			<a href="#">链接4</a>
			<a href="#">链接5</a>
		</div>
	</body>
</html>
